<%@page import="Form.BuiltsForm"%>
<%@page contentType="text/html"%>
<%@page pageEncoding="UTF-8"%>

<%@ taglib uri="http://struts.apache.org/tags-bean" prefix="bean"%>
<%@ taglib uri="http://struts.apache.org/tags-html" prefix="html"%>
<%@ taglib uri="http://struts.apache.org/tags-logic" prefix="logic"%>


<!DOCTYPE html>
<html:html lang="true">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title><bean:message key="welcome.title" /></title>
<link
	href="css/mini3537.css?files=reset,common,form,standard,960.gs.fluid,simple-lists,block-lists,planning,table,calendars,wizard,gallery"
	rel="stylesheet" type="text/css">
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico">
<link rel="icon" type="image/png" href="favicon-large.png">
<script type="text/javascript"
	src="js/miniab15.php?files=html5,jquery-1.4.2.min,old-browsers,jquery.accessibleList,searchField,common,standard,jquery.tip,jquery.hashchange,jquery.contextMenu,list"></script>

<link href="datepicker/themes/ui-lightness/jquery.ui.all.css"
	rel="stylesheet" type="text/css">
<script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="js/jquery.ui.core.js"></script>
<script type="text/javascript" src="js/jquery.ui.datepicker.js"></script>
<script type="text/javascript" src="js/jquery.ui.widget.js"></script>
<html:base />


</head>
<body>
	<%@ include file="/Header.jsp"%>
	<!-- ####################                  Vertical Menu                    ########################## -->
	<%@ include file="/verticalmenu.jsp"%>

	<!-- ####################                  Vertical Menu                    ########################## -->

	<!-- *************************************** Content *************************************************** -->
	<section class="grid_9">
		<div class="block-border">
			<div class="block-content">
				<!-- We could put the menu inside a H1, but to get valid syntax we'll use a wrapper -->
				<div class="h1 with-menu">
					<h1>Web stats</h1>
				</div>

				<div class="block-controls">

					<ul class="controls-tabs js-tabs same-height with-children-tip">
						<li><a href="#tab-stats" title="Charts"><img
								src="images/icons/web-app/24/Bar-Chart.png" width="24"
								height="24"></a></li>
						<li><a href="#tab-comments" title="Comments"><img
								src="images/icons/web-app/24/Comment.png" width="24" height="24"></a></li>
						<li><a href="#tab-medias" title="Medias"><img
								src="images/icons/web-app/24/Picture.png" width="24" height="24"></a></li>
						<li><a href="#tab-users" title="Users"><img
								src="images/icons/web-app/24/Profile.png" width="24" height="24"></a></li>
						<li><a href="#tab-infos" title="Informations"><img
								src="images/icons/web-app/24/Info.png" width="24" height="24"></a></li>
					</ul>

				</div>

				<html:form styleClass="form" action="built.do" styleId="built">

					<fieldset class="grey-bg">
						<legend>
							<a href="#">Options</a>
						</legend>

						<div class="float-left gutter-right">
							<label for="stats-period">Builts Name</label> <span
								class="input-type-text"> <html:text name="BuiltsForm"
									property="name" styleId="nameBuilt"></html:text></span>
						</div>
						<div class="float-left gutter-right">
							<label for="stats-period">Address</label> <span
								class="input-type-text"> <html:text property="adress"
									name="BuiltsForm" styleId="adressBuilt"></html:text></span>
						</div>
						<div class="float-left gutter-right">
							<label for="stats-period">Floor</label> <span
								class="input-type-text"> <html:text property="floos"
									name="BuiltsForm" styleId="floosBuilt"></html:text></span>
						</div>
						<div class="float-left gutter-right">
							<label for="stats-period">Type</label> <span
								class="input-type-text"> <html:text property="type"
									name="BuiltsForm" styleId="typeBuilt"></html:text></span>
						</div>

						<div class="float-left gutter-right">
							<br> <label for="stats-period">Date Start</label> <span
								class="input-type-text"> <html:text property="startDate"
									name="BuiltsForm" styleId="datepicker1" />
							</span>
						</div>
						<div class="float-left gutter-right">
							<br> <label for="stats-period">Finish Start</label> <span
								class="input-type-text"> <html:text property="finishDate"
									name="BuiltsForm" styleId="datepicker2" />
							</span>
						</div>

						<div class="float-left gutter-right">
							<br> <label for="stats-period">Type of Document</label>

							<html:select name="BuiltsForm" property="idLand"
								styleId="landBuilt">
								<html:options collection="arrLands" property="id"
									labelProperty="name" />
							</html:select>
							<html:hidden property="idLand" styleId="idLand" />
						</div>
						<div class="float-left gutter-right">
							<br> <span class="input-type-text"> <label
								for="stats-period">Note</label> <html:textarea property="note"
									styleId="noteBuilt" name="BuiltsForm"
									style="margin-top: 2px; margin-bottom: 2px; height: 67px; margin-left: 2px; margin-right: 2px; width: 674px; " /></span>
						</div>

					</fieldset>


					<ul class="message no-margin">

						<button type="button" class="red" onclick="cancel()">Cancel</button>
						<button type="reset" class="grey">Reset</button>
						<button type="button" onclick="saveUser()" id="saveBuilt">
							<img src="images/icons/fugue/tick-circle.png" width="16"
								height="16"> Save
						</button>
					</ul>
				</html:form>
			</div>
		</div>
	</section>


	<!-- *************************************** Content *************************************************** -->
	</article>
	<!--Footer-->
	<%@ include file="/Footer.jsp"%>
	<!-- Footer -->
</body>
</html:html>
<script language="javascript">


function loadForm(){
	var type = '<%=(String) request.getAttribute("type1")%>'
	    if(type == "detail"){
	        document.getElementById("nameBuilt").disabled=true;
	        document.getElementById("adressBuilt").disabled=true;
	        document.getElementById("floosBuilt").disabled=true;
	        document.getElementById("typeBuilt").disabled=true;
	        document.getElementById("datepicker1").disabled=true;
	        document.getElementById("datepicker2").disabled=true;
	       	document.getElementById("landBuilt").disabled=true;
	        document.getElementById("noteBuilt").disabled=true;
	        document.getElementById("saveBuilt").disabled=true    ;   
	    }
	    
	    var idLand = document.getElementById("idLand").value ;
	   	land = document.getElementById("landBuilt");
	   	loadLand(land,idLand);
}

//--------- load Land -----------------
function loadLand(land,idLand){
	 for(var i=0;i< land.length;i++ )
	 {
	 	if(land.options[i].text == idLand)
	 		land.selectedIndex = i;
	 }
}


//--------------------- save or edit --------------------------------
    var type = '<%=(String) request.getAttribute("type1")%>';
    id = '<%=(String) request.getAttribute("id")%>';
	function saveUser() {
		if (validateData() == true) {
			if (type == 'add') {
				document.getElementById("built").action = 'built.do?method=addBuilt&type1=add';
				document.getElementById("built").submit();
			} else {
				document.getElementById("built").action = 'built.do?method=editBuilt&type1=edit&id='
						+ id
				document.getElementById("built").submit();
			}
		}

	}
	function validateData() {

		if (document.getElementById("floosBuilt").value == '') {
			alert('Plesea Insert Floor ');
			return false;
		}

		if (isNaN(document.getElementById("floosBuilt").value)) {
			alert('Plesea Insert Floor is Number');
			return false;
		}

		return true;
	}

	// --------------------- chon ngay thang --------------------------------
	$(function() {
		$("#datepicker1").datepicker();
		$("#datepicker2").datepicker();
	});

	function cancel() {
		document.getElementById("built").action = 'built.do?method=getAllBuilt'
		document.getElementById("built").submit();
	}
</script>